import Tui from './Tui'
import HomeRightTab from './HomeRightTab'
import React , { useState ,useEffect } from "react";
import axios from "axios";
import { StoreItem } from "../utils";
import {useTranslation} from "react-i18next"
type Props = {};

const Mainright = (props: Props) => {
  const { t, i18n } = useTranslation();
useEffect(()=>{
    axios.get('/list2').then((res:any)=>{
      setlist2(res.data)
    })
},[])


const [list2,setlist2] = useState([])


  return (
    <div  className="mainright">
      <div className="mainrighttop">
        <h1>{t("Article.content")}</h1>
        <Tui></Tui>
       
      </div>
      <div className="mainrightbom">
      <h1>Tags</h1>
       <HomeRightTab></HomeRightTab>
      </div>
    </div>
  );
};

export default Mainright;
